<template>
    <!-- 购物车页面 -->
     <main>

<!-- breadcrumb-area -->
<breadcrumb></breadcrumb>
<!-- breadcrumb-area-end -->

<!-- cart-area -->
<div class="cart-area pt-90 pb-90">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-7">
               <cart_wrapper></cart_wrapper>
             <shop_cart_bottom></shop_cart_bottom>
            </div>
            <div class="col-xl-5 col-lg-12">
                <shop_cart_total></shop_cart_total>
            </div>
        </div>
    </div>
</div>
<!-- cart-area-end -->

</main>
</template>

<script>
import  breadcrumb from '../components/category/breadcrumb-area'
import cart_wrapper from '../components/cart/cart-wrapper'
import shop_cart_bottom from '../components/cart/shop-cart-bottom'
import shop_cart_total from '../components/cart/shop-cart-total'
export default {
        components:{
            breadcrumb,
            cart_wrapper,
            shop_cart_bottom,
            shop_cart_total,
        },
        created() {
        // console.log('rrr');
        this.$store.commit('temporary/setpagemark','cart')
    },
}
</script>

<style>

</style>